<template>

  <div>
    <Header/>
    <!-- 路由组件出口的地方 -->
    <router-view></router-view>
    <Footer v-show="$route.meta.show"/>
    <img src="../public/images/biubiubiu.gif" alt="" style="position: fixed;bottom:0;">
    <span style="position: fixed;bottom:280px;left:140px" class="span">每一个商品我都想竞拍</span>
  </div>
</template>

<script>
import Header from './components/Header'
import Footer from './components/Footer'
export default {
  name: 'App',
  components: {
    Header,
    Footer
  }
}
</script>

<style>
body{
    background-color: #f1f1f1;
}
.span{
  font-family: "楷体";
  font-size: 20px;
  transform: rotate(60deg);
  animation: toumingdu linear 8s;
}
@keyframes toumingdu{
  0%{
    opacity: 0;
  };
  50%{
    opacity: 0;
  };
  100%{
    opacity: 1;
  }
}
</style>
